@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
.headimg 
    {
    background-image: url('../../img_assets/headoff/head.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
    border-bottom-style: inset;
    border-bottom-width: 1.5px;
    border-bottom-color:  #0b1af1;
    }

.navram1
    {
        background: #1E9600;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FF9933, #FFFFFF, #138808);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FF9933, #FFFFFF, #138808); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    .btn1{
        background-color: #048ce7;
    }
    /* Underline Effect*/
    .nav-item {
      position: relative;
    }
  
    .navbar-collapse ul li a.nav-link:before {
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 2px;
        content: '';
        opacity: 0;
        -ms-transition: opacity 0.3s, -webkit-transform 0.3s;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        color: #008080;
    }
    .navbar-collapse ul li:hover a.nav-link:before {
        opacity: 1;
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        bottom: 0px;
        background:#fa0b02;
    }
    
    .dropdown-item:hover, .dropdown-item:focus {
        
        text-decoration: none;
        background-color: #994cf0;
    }
    .dropdown-menu {
      border: 0px;
    }